<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog WorkLogDetail-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'WorkLogDetailDialog.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <i class="material-icons">clear</i>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="height: 500px; padding: 8px 16px;">
        <div class="kmi-layout-page">

            <div style="display: flex;flex-direction: row;justify-content: center;">
                <div style="width: 45%;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'WorkLogDetailDialog.plot_no' | translate"></label>
                        <label ng-bind="dialog.plot_no"></label>
                    </div>
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'WorkLogDetailDialog.op_name' | translate"></label>
                        <label ng-bind="dialog.op_name"></label>    
                    </div>    
                </div>
                <div style="width: 45%;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'WorkLogDetailDialog.op_no' | translate"></label>
                        <label ng-bind="dialog.op_no"></label>    
                    </div>
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'WorkLogDetailDialog.qty' | translate"></label>
                        <label ng-bind="dialog.qty"></label>    
                    </div>    
                </div>    
            </div>

            <!-- 表格 -->
            <div class="kmi-list column-selector">
                <div class="kmi-list__header" style="width: 600px;">
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column01' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column02' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column03' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column04' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column05' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'WorkLogDetailDialog.list.column06' | translate"></div>
                </div>
                <div class="kmi-list__row-content" style="width: 600px;">
                    <div class="kmi-list__row" ng-repeat="item in dialog.workLogTemp track by $index">
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.eventtime"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.goodunitno"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.goodqty"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.scrapqty"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.productno"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="item.userno"></div>    
                    </div>
                </div>
            </div>

            <!-- 確認按鈕 -->
            <div class="btn-content">
                <div class="kmi-button kmi-button-confrim" style="width:100px" ng-click="dialog.confirm();">
                    <label ng-bind="'WorkLogDetailDialog.confirm' | translate" class="ng-binding"></label>
                    <div class="kmi-can-click"></div>
                </div>    
            </div>

        </div>
    </div>
</div>
